section .content{
    width: 100%;
    flex: 1;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.content .resultBox{
    background: #EDEDED;
    width: 100%;
    height: 1.9324rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


    
}
.content .result{
    width: 94%;
    height: 1.4493rem;
    border-radius: .2415rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    padding: 0 .1208rem;
    position: relative;
    margin: .2415rem auto;

}
.result .imgList{
    max-width: 85%;
    width: fit-content;
    overflow: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.result .imgList>div{
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
}
.result .userImg{
    border-radius: .1208rem;
    width: 1.0145rem;
    height: 1.0145rem;
    overflow: hidden;
    margin: 0 .1208rem;
    background: #ededed8c;
}
.result .userImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.result .close{
    width: .9662rem;
    height: .8454rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3744rem;
    color: #5a5a5ac3;
    position: absolute;
    right: .2415rem;

}
.ul1{
    /* border: 1px solid rgb(64, 255, 0); */
    width: 100%;
    flex: 1;
    display: flex; 
    flex-direction: column;
    align-items: center;
    overflow: scroll;
}
.ul1 div.box{
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;


}
.ul1 li{
    width: 100%;
    position: relative;
}
.ul1 li .top{
    height: 1.57rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.ul1 li .top .checkBox{
    border: .0314rem solid #B2B2B2;
    width: .6039rem;
    height: .6039rem;
    border-radius: 50%;
    margin-left: .2415rem;
    box-sizing: border-box;
}
.ul1 li .top .checkBox.active{
    border: none;
    background: url(../../../img/select.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
li.newFriend .top .right{
    min-width: .3865rem;
    border-radius: .2899rem;
    width: fit-content;
    height: .5797rem;
    position: absolute;
    right: .3623rem;
    background: #FF4C4F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .3623rem;
    font-weight: 550;
    padding: 0 .0966rem;

}
.ul1 li .top .left{
    /* border: 1px solid rgb(111, 255, 0); */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.ul1 li .top .left .img{
    /* border: 1px solid red; */
    border-radius: .1208rem;
    width: 1.087rem;
    height: 1.087rem;
    overflow: hidden;
    margin: 0 .2415rem;
    background: #ededed8c;
}
.ul1 li .top .left .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ul1 li .top .left .name{
    /* border: 1px solid red; */
    height: fit-content;
    font-size: .4106rem;
    color: #000;
    /* margin-bottom: .0725rem; */
    max-width: 6.6425rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
hr.bottom{
    border: .0121rem solid #ececec;
    width: 85%;
    position: absolute;
    right: 0;
}
.ul1 li:last-child{
    border-bottom: none;
}
.ul1 li:last-child hr.bottom{
    display: none;
}